<div id="div_top_holder">
	<div id="div_top">
		<a href="index.php">
		<div id="div_self">
		</div>
		</a>

		<div id="div_finder">
			<input type="text" id="in_finder" value="Buscador" />
		</div>
		<div id="div_session">
			{panel_admin}
			<a href="index.php?func={FUNC_PERF}"><span id="spa_conf" class="bt_session bt_conf tariel_session"></span></a>
			<span id="spa_nom" class="bt_session tariel_session">{nombre_usuario}</span>
			<!-- tooltip element -->
			<div class="menu_session">
				<a href="./index.php?func=1">Cerrar sesión</a>
			</div>
			<span id="spa_not" class="bt_session bt_not tariel_session">0</span>
		</div>

	</div>
</div> 
<script type="text/javascript">
$(document).ready( function() {
$('.bt_session').mouseup( function() {
		$(this).css("border-top-width", "1px");
		$(this).css("height", "24px");
	});

$('.bt_session').mousedown( function() {
		$(this).css("border-top-width", "2px");
		$(this).css("height", "23px");
	});
 $("#spa_nom").tooltip({ 
		position: "bottom center", 
		tipClass: 'menu_session', 
		relative: "false", 
		events: {
			def: 'click, mouseout',
			menu_session: 'click, mouseout'
		}
	});
});
</script>